@charset "UTF-8";
/**
 * @authors Albert
 * @date    2017-01-04 11:29:17
 */

/*
 * =================================
 * 话题共用结构 end
 * =================================
 */
a:hover {text-decoration: none;}

div.topic_l {width: 860px; padding: 30px 30px 0 40px; border-right: 1px solid #c9c9c9; } 
div.topic_r {width: 340px; padding: 40px 0 0 25px; color: #9c9c9c; } 

/*.paging {margin: 20px 0 40px; }*/

p.no_content {padding: 100px 0; text-align: center; color: #9c9c9c; }
p.no_content > span {top: 2px; right: 2px; }

span.icon-iconfontweibo {color: #f43b5a; }
span.icon-baidu {color: #4880ff; }

p.no_dt {font-size: 18px;color: #9c9c9c}

/**
 * =================================
 * 左侧内容列表子元素共用样式
 * =================================
 */
.topic_l_list {float: left; }
.topic_l_list_details {border-bottom: 1px solid #eeeeee; padding: 15px 0 10px 10px; overflow: hidden;}
.details_title {line-height: 24px; font-size: 16px; float: left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.topic_l_list_details > a {text-align: center; float: right;}
a.details_btn {line-height: 24px;font-size: 22px;margin: 0 10px 0 40px;color: #9c9c9c;}
a.details_link {width: 80px; line-height: 24px; color: #6fa9ff; }
.details_summary {width: 100%; float: left; clear: both; padding-top: 20px; color: #9c9c9c; cursor: pointer;}

.topic_l_list_details:hover {background: #f2f2f2;}
.topic_l_list_details:hover a.details_btn {color: #44b549;}

/**
 * =================================
 * 左侧样式
 * _topic-页面
 * =================================
 */

.topic ul.nav_box {width: 100%; height: 40px; border-bottom: 1px solid #eeeeee; }
.topic ul.nav_box li.back {height: 39px; }
.topic .nav_box > li {font-size: 16px; padding: 2px 18px 16px 18px; }

.topic .topic_l_nav {width: 90px; padding: 0 10px 5px; border: 1px solid #eeeeee; float: left; margin-top: 25px; }
.topic .topic_l_nav > p {line-height: 44px; text-align: center; border-bottom: 1px solid #eeeeee; cursor: pointer;}
.topic .topic_l_nav > p.green {cursor: default;}
.topic .topic_l_nav > p:last-child {border: none; }

.topic .topic_l_list {width: 668px;min-height: 300px; margin: 10px 0 0 30px;}
.topic .details_title {width: 488px;padding-right: 20px;float: left;text-align: left;}

.topic .topic_l_list.list_fluid {width: 100%; margin: 20px 0 0 0;}
.topic .topic_l_list.list_fluid .details_title {width: 608px;}

.topic .topic_paging {width: 669px;line-height: 40px;border: 1px solid #d2d2d2;margin: 50px 0 0;}
.topic .list_fluid+.topic_paging {width: 100%;}
.topic .topic_paging .fornoprefetch {width: 100%; letter-spacing: 1px; cursor: pointer;text-align: center;}
.topic .topic_paging .paging_left,.topic .topic_paging .paging_right {width: 40%;float: left;}
.topic .topic_paging .paging_center {width: 20%; float: left; text-align: center;color: #9c9c9c;}
.topic .topic_paging a {display: inline-block; text-align: center; }
.topic .topic_paging .iconfont {margin: 0 8px; vertical-align: middle; }
.topic .topic_paging .new_firstpage {width: 30%; color: #797979; text-align: center; }

.add_contrast {
	color: #44b549;
    font-size: 35px;
    display: table;
    background: transparent;
    position: absolute;
    z-index: 101;
}
/**
 * =================================
 * topic_search-话题搜索
 * =================================
 */
.topic_search{
    background-color: #fff;
    display: block;
    font-size: 0;
}
.topic_search .search-container{
    min-height: auto;
    width: 100%;
    padding: 0 40px;
}
.topic_search>div{
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.topic_search .topic_l .ts_num {border-bottom: 1px solid #eeeeee; padding-bottom: 20px; }
.topic_search .topic_l .ts_num > span {margin: 5px;}
.topic_search .topic_l_list {width:100%;margin: 10px 0 0 0; float: left; }
.topic_search .details_title {max-width: 470px; float: left;cursor: pointer;}

.topic_search .pl_icon {line-height: 22px; padding: 0 10px; float: left; border: 1px solid #eeeeee; color: #9c9c9c; border-radius: 2px; margin-left: 10px; cursor: text}
.topic_search .pl_icon > span {float: left; vertical-align: middle; margin-right: 5px; }
.topic_search .pl_icon > span {float: left; vertical-align: middle; margin-right: 5px; }

.topic_search .pl_icon > span.icon-baidu {margin-top: -1px; font-size: 14px;}
.topic_search .choice > span.c_t {margin-top: 10px;}
/**
 * =================================
 * topic_contrast-话题对比页
 * =================================
 */
.topic_contrast {padding: 40px; }
.topic_contrast > p {font-size: 16px; }
.topic_contrast > div {margin-bottom: 0px!important; padding-bottom: 0px!important;}
.topic_contrast > .tpc_ctrs_box {width: 100%; min-height: 100px; border: 1px solid #e5e5e5; margin-top: 30px; }
.topic_contrast > .tpc_ctrs_box .box_head {line-height: 40px; background: #f7f7f7; overflow: hidden; }

.topic_contrast > .tpc_ctrs_box div[class*=col_r_] {height: 50px; line-height: 50px; float: left; }
.topic_contrast > .tpc_ctrs_box .col_r_1 {width: 135px; text-align: center; padding: 0 10px;}
.topic_contrast > .tpc_ctrs_box .col_r_2 {width: 419px; }
.topic_contrast > .tpc_ctrs_box .col_r_3 {width: 170px; }
.topic_contrast > .tpc_ctrs_box .col_r_4 {width: 221px; }
.topic_contrast > .tpc_ctrs_box .col_r_5 {width: 80px; }
.topic_contrast > .tpc_ctrs_box .col_r_6 {width: 90px; text-align: center; }

.topic_contrast > .tpc_ctrs_box .box_inner {overflow: hidden; border-top: 1px solid #e5e5e5; }
.topic_contrast > .tpc_ctrs_box .box_inner .source {min-width:112px;line-height: 22px; padding: 2px 10px 0; border: 1px solid #d2d2d2; cursor: default; text-align: left;}
.topic_contrast > .tpc_ctrs_box .box_inner .source > span {margin: -2px 4px 0 0;}
.topic_contrast > .tpc_ctrs_box .box_inner .source > span.icon-baidu {font-size: 14px;}

.topic_contrast > .tpc_ctrs_box .box_inner .topic_name {font-size: 16px;}
.topic_contrast > .tpc_ctrs_box .box_inner .ranking span {font-size: 14px; vertical-align: middle; margin-left: 5px; }
.topic_contrast > .tpc_ctrs_box .box_inner .ranking .icon-iconfontmovetodown {color: #ea5e5b; }
.topic_contrast > .tpc_ctrs_box .box_inner .ranking .icon-jian {color: #9c9c9c; }
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_btn {line-height: 20px; cursor: pointer; margin: 15px 0; }
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_btn > span {font-size: 12px; margin-left: 6px; }
.topic_contrast > .tpc_ctrs_box .box_inner .shift_out {line-height: 20px; padding: 15px 0; color: #6fa9ff; cursor: pointer; }

.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info {clear: both; border-top: 1px solid #e5e5e5; margin: 0 15px; overflow: hidden; }
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .ranking_info,
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .follow_info {width: 50%; height: 80px; margin: 10px 0; text-align: center; float: left; padding: 10px 0;}
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .ranking_info {border-right: 1px solid #e5e5e5;}
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .iconfont {display: inline-block; color: #9c9c9c; margin-right: 5px; font-size: 14px; }
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info > div > p:last-child {color: #4a90e2; font-size: 22px; margin-top: 15px; }
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info > div > p.no_dt {color: #9c9c9c;}
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .ranking_info > p:last-child  > .iconfont {font-size: 18px; line-height: 20px; margin: 0; position: relative; top: -1px; left: 3px;}
.topic_contrast > .tpc_ctrs_box .box_inner .deploy_info .diagram {width: 100%; height: 350px; padding-bottom: 40px; border-top: 1px solid #e5e5e5; clear: both; }
.topic_contrast ~ .sidebar {display: none;}
/**
 * =================================
 * topic_details-话题详情
 * =================================
 */

.topic_details {width: 1200px;padding: 35px 40px;display: block;}
.topic_details > h4 button {padding: 6px 11px 2px; margin-right: 10px; cursor: default;}
.topic_details > h4 button:hover {color: #333; background-color: #fff; border-color: #ccc;}
.topic_details > h4 .iconfont {font-size: 13px; float: left; margin-right: 5px; height: 18px; margin-top: -1px;}
.topic_details > h4 .title {font-size: 16px; }
.topic_details > .td_sub {font-size: 12px; margin: 15px 0 0; color: #9c9c9c; }
.topic_details > .td_sub > a {height: 20px; line-height: 17px; display: inline-block; font-size: 12px; color: #4a90e2; border: 1px solid #ccc; padding: 0 4px; border-radius: 4px; }
.topic_details > .td_sub > a .iconfont {font-size: 14px; margin-right: 6px; }
.topic_details > div {padding-bottom: 0px!important;margin-bottom: 0px!important;}
.topic_details > div.td_cnt {width: 100%; min-height: 300px; border: 1px solid #e5e5e5; margin-top: 10px; }
.topic_details > div.diagram_info {min-height: 540px;}
.topic_details > div.td_cnt .td_cnt_h {line-height: 40px; background: #f7f7f7; padding: 0 30px 0 20px; }
.topic_details > div.td_cnt .td_cnt_h a {color: #4a90e2; }

.topic_details > .td_cnt .deploy_info {border-top: 1px solid #e5e5e5; padding: 0 15px;}
.topic_details > .td_cnt .deploy_info .ranking_info,
.topic_details > .td_cnt .deploy_info .follow_info {width: 50%; height: 80px; margin: 10px 0; text-align: center; float: left; padding-top: 10px;}
.topic_details > .td_cnt .deploy_info .ranking_info {border-right: 1px solid #e5e5e5;}
.topic_details > .td_cnt .deploy_info .iconfont {display: inline-block; color: #9c9c9c; margin-right: 5px; font-size: 14px; }
.topic_details > .td_cnt .deploy_info > div > p:last-child {color: #4a90e2; font-size: 22px; margin-top: 15px; }
.topic_details > .td_cnt .deploy_info .ranking_info > p:last-child  > .iconfont {margin: 0px 0 0 0; font-size: 18px; position: relative; top: -1px; left: 5px;}
 .topic_details > .td_cnt .deploy_info #diagram {width: 100%; height: 400px; padding-bottom: 40px; border-top: 1px solid #e5e5e5; clear: both; }

.topic_details > .td_cnt > table {width: 98.25%;line-height: 60px;margin: 0 10px 0;}
.topic_details > .td_cnt > table td {border-bottom: 1px solid #e5e5e5;}
.topic_details > .td_cnt > table tr:last-child td {border-bottom: none;}
.topic_details > .td_cnt > table .tb_tle {width:681px;padding: 0 20px 0 10px;}
.topic_details > .td_cnt > table .tb_tle > a {font-size: 16px;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.topic_details > .td_cnt > table .tb_tle > a:hover {text-decoration: underline;}
.topic_details > .td_cnt > table .tb_pam .iconfont {font-size: 14px;position: relative;margin-right: 8px;color: #9c9c9c;}
.topic_details > .td_cnt > table .tb_pam .icon-icontoutiao {font-size: 18px;top: 2px;}
.topic_details > .td_cnt > table .tb_pam > a.acount_info:hover {color: #44b549;}
.topic_details > .td_cnt > table .tb_time {color: #ccc;}

 /**
 * =================================
 * 右侧样式
 * selection-筛选共用
 * =================================
 */

.topic_r > h5 {height: 20px; line-height: 20px; padding-left: 10px; margin-bottom: 26px; border-left: 5px solid #44b549; font-size: 16px; color: #333; }

.selection .category {width: 100%;float: left;margin-bottom: 16px; position: relative;}
.selection .category:last-child {margin-bottom: 0; }
.selection .category h4 {font-size: 14px; color: #333; padding-right: 14px; border-right:1px solid #333; height: 18px; line-height: 18px; margin-right: 14px; }

.selection .category .choice {line-height: 18px;width: 256px;float: left; }
.selection .category .choice span {float: left; margin-right: 24px; cursor: pointer; position: relative; }
.selection .category .choice span.green {cursor: default;}
.selection .category.icon_cate .choice > span:after {content: ''; border: 4px solid transparent; border-top-color: #9c9c9c; position: absolute; right: -15px; top: 7px; }

.category.icon_cate .selection_more {width: 230px; height: auto; overflow: auto; padding: 0 0 10px 14px; position: absolute; left: 42px; top: 0; background-color: #fff; border: 1px solid #e5e5e5; z-index: 100; display: none; }
.category.icon_cate .selection_more span {width: 56px; height: 20px; line-height: 20px; float: left; margin: 10px 15px 0 0; cursor: pointer; }
.category.icon_cate .selection_more span.green {cursor: default;}
.category.icon_cate .selection_more span:nth-child(3n) {text-align: right; }

.selection .category span:hover {color: #44b549; }

/**
 * =================================
 * sidebar-话题对比列表
 * =================================
 */
.sidebar .contrast_number {width: 18px; line-height: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: red; font-size: 12px; margin-top: 3px; }
.sidebar .contrast_list {width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: white; position: absolute; top: 0; bottom: 50px; overflow: auto; padding: 10px 10px 0px 18px; }
.sidebar .contrast_list > p {left: 0; right: 0; position: absolute; top: 50%; text-align: center; color: #999590; }
.sidebar .contrast_list > .delete_btn {height: 20px; text-align: center; }
.sidebar .contrast_list > .delete_btn .remove_all {cursor: pointer; color: cornflowerblue; }
.sidebar .contrast_list .contrast_info {padding: 15px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; }
.sidebar .contrast_list .contrast_info > p {margin-bottom: 5px; }
.sidebar .contrast_list .contrast_info > button {height: 20px; line-height: 20px; font-size: 12px; }
.sidebar .contrast_list .contrast_info .icon_mark {color: #9c9c9c; cursor: default; }
.sidebar .contrast_list .contrast_info .icon_mark > span {margin: -1px 5px 0 0; float: left; }
.sidebar .contrast_list .contrast_info .icon_mark > span.icon-baidu {margin-top: -2px; font-size: 14px; }
.sidebar .contrast_list .contrast_info .remove_btn {width: 70px; border: 1px solid #e64340; border-radius: 15px; color: #e64340; }

.tb_tle em {font-size: 16px;}